﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
    width=device-width,initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="assets/style-pho/css.css">
    <link rel="stylesheet" href="assets/style-pho/all.css">
    <link rel="stylesheet" href="assets/style-pho/anlixiangqing.css">
    <script src="assets/lib-pho/jquery-3.4.1.min.js"></script>
    <title>Document</title>
</head>

<body>
    <!-- 滚动条问题在下面出现 ↓
        1.不是盒子宽度过大问题
    -->
    <!-- <div class="wenti-box"> -->
    <!-- 第一部分 -->
    <div class="main1">
        <!-- 菜单栏页面 -->
        <div class="menua">
            <!-- 关闭按钮 -->
            <p>
                <a class="close"></a>
            </p>
            <div>
                {dede:include filename="nav-pho.htm"/}
            </div>
        </div>
        <div class="swhz-banner">
            <!-- 展开按钮 -->
            <div class="nav">
                <img src="assets/images-pho/Logo.png" width="52px" height="20px" />
                <a class="menu"></a>
            </div>
        </div>
    </div>

    <!-- 第二部分 -->


    <div class="alxq-container">
        <h3>{dede:field.title/}<span><img src="assets/images-pho/small-eyes.png"/><script src="{dede:field  name='phpurl'/}/count.php?view=yes&aid={dede:field  name='id'/}&mid={dede:field name='mid'/}" type='text/javascript'  language="javascript"></script></span></h3>
        <div class="article">
            {dede:field.body/}

        </div>
        <p class='xgal'>相关案例</p>
        <div class="about-example">
            {dede:arclist row='3' addfields='' channelid='1' titlelen='' orderby='click' typeid='' }
            <div class="anli">

                <div>
                    <a href="view.php?aid=[field:ID/]">
                        <div class="img">


                            <img src="[field:picname/]" />
                            <p><span>[field:title/]</span> <span><img src="assets/images-pho/small-eyes.png" alt="点击次数">[field:click/]</span></p>
                        </div>
                    </a>
                </div>

            </div>
            {/dede:arclist}
            <!-- <div class="anli">
                <div>
                    <div class="img">
                        <div class="font">

                            <a href="#">查看</a>
                        </div>

                        <img src="assets/images-pho/center4.png" />
                        <p><span>案例名称</span><br>
                            <span><img src="assets/images-pho/small-eyes.png" alt="">2000</span></p>
                    </div>
                </div>
            </div> -->

            <p class="more"><a href="list.php?tid=2">查看更多案例</a></p>
        </div>
    </div>

    <!-- </div> -->
    <div class="bottom">
        <div class="bot-menu">
            <p>网站导航</p>
            <ul>
                <li><a href="#">网站首页</a></li>
                <li><a href="#">商务合作</a></li>
                <li><a href="#">精选案例</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
        <div class="bot-about">
            <p>关于我们</p>
            <span>J-UI是杭州筱宇科技旗下的UI设计品牌，我们为企业提供高性价比、专业、放心的互联网产品用户体验方案，J的寓意为“简“，简约的设计理念，简捷的客户对接，大道至简，用最简单的方式将信息传递给客户，让客户以最轻松的方式获取产品的价值。</span>
        </div>
        <div class="bot-tel">
            <p>联系方式</p>
            <div class="bot-info">
                <span>电话：<br>邮箱：<br>地址：</span>
                <span>15858153259 <br>wenbin.x@163.com <br> 杭州市拱墅区祥园路99号，中国(杭州)智慧信息产业园C幢裙楼3F。</span>
            </div>
        </div>
        <h1 class="b-img"><img src="assets/images-pho/weixin.png" alt=""></h1>
        <span class="saoyisao">微信扫一扫</span>
    </div>



    <script>
        $(document).ready(function() {

            $(window).scroll(function() {
                console.log(123);
            });
        });
        // $('.main1').width($(window).width());
        // $('.main1').height($(window).height()); 不适用JS也有更好的方法

        // $('.menup').width($(window).width());
        // $('.menup').height($(window).height());

        $('.menu').click(function() {
            // alert(123);
            $('.menua').css("z-index", "2");
            $('body').css('overflow', 'hidden'); //禁止滚动
            $(this).css('visibility', 'hidden'); //禁止滚动


        });
        $('.menua').click(function() {
            $('.menua').css("z-index", "-1");
            $('.menua ul').css("z-index", "-1");
            $('body').css('overflow', 'auto'); //允许滚动
            $('.menu').css('visibility', 'visible'); //禁止滚动

        });
    </script>
</body>

</html>